@charset "utf-8";
/* CSS Document */
html,
body,
#item-detail-modal .modal-content {
  background: linear-gradient(to bottom, #b3cada, #fff);
  color: #324261;
  height: 100%;
  min-height: 100%;
  background-attachment: fixed;
}
body.ios #item-detail-modal .modal-content {
  background-attachment: unset !important;
}
body:after {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
body:after {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
/*
.row > .col-6 {
  background: none !important;
  color: #324261;
}
*/
.f_header h1 {
  color: #324261;
  font-weight: normal !important;
  font-size: 2em !important;
}
.item-wrapper .f_header h1 {
  padding-top: 0;
}
.item-wrapper .col-9 .pre-wrap,
.item-wrapper .col-6 .pre-wrap,
.item-wrapper .col-3 .pre-wrap {
  padding: 0 18px;
}
.f_header h2,
h2,
.f_header h3,
.f_header h4,
.f_header h5,
.f_header h6,
#item-detail-modal .modal-title {
  color: #324261;
}
.f_tabcontent img,
.f_carousel img {
  border-radius: 8px;
}
.f_img img {
  border-radius: 8px;
}
.item-wrapper .field-wrapper .gallery-img {
  border-color: rgba(255, 255, 255, 0) !important;
  border-radius: 10px;
}
.f_text .pre-wrap {
  line-height: 2.5;
  font-size: 0.9rem;
}
.text-muted {
  color: #555 !important;
}
.text-info {
  color: #0052b7 !important;
}
.f_tabcontent ul {
  border-bottom: 1px solid #17274a;
}
#comment-wrapper .comment {
  background: rgba(255, 255, 255, 0.5);
}
.f_tabcontent ul li a.nav-link,
#comment-form-footer .comment-button,
#response-form-footer .response-button {
  background: #17274a;
  color: #fff;
  border: none;
}
.f_tabcontent ul li a.nav-link:hover,
.f_tabcontent ul li a.nav-link.active,
#comment-form-footer .comment-button:hover,
#response-form-footer .response-button:hover {
  color: #fff;
  background: #294c9a;
  border: none;
}
.bottom-prop-inner .btn-join-space,
.bottom-prop-inner #bottom-comment-button,
.bottom-prop-inner #bottom-response-button,
#comment-form-footer .comment-button,
#response-form-footer .response-button {
  background: #17274a;
  color: #fff;
  border: none;
  border-radius: 3px;
}
.bottom-prop-inner .btn-join-space:hover,
.bottom-prop-inner #bottom-comment-button:hover,
.bottom-prop-inner #bottom-response-button:hover,
#comment-form-footer .comment-button:hover,
#response-form-footer .response-button:hover {
  /* background: #294c9a !important;
  color: #fff !important;*/
  background: #3a79aa;
  color: #fff;
  border: none;
  opacity: 1;
  border-radius: 3px;
}
/*---------------- phase2 ----------------*/
.row > .col-6,
.item.dynamic-block {
  background: rgba(255, 255, 255, 0.8) !important;
}
.participant_block div {
  background: rgba(0, 0, 0, 0.1);
  border: none;
}
#response-wrapper button.btn-link.btn-more,
.space-main-wrapper button.btn-link.btn-more,
.space-main-wrapper button.btn-link.btn-more,
.space-main-wrapper a.btn-lin.btn-more,
.space-main-wrapper a.btn-link.btn-more {
  background: rgba(255, 255, 255, 0.8);
}
.more a {
  background: #fff;
}
.space-main-wrapper h2,
.bottom-prop-wrapper h2 {
  color: #074879;
}
.space-main-wrapper h2:before,
.space-main-wrapper h2:after {
  background-color: #074879;
}
.bottom-prop-inner .btn-join-space,
.bottom-prop-inner #bottom-comment-button,
.bottom-prop-inner #bottom-response-button,
#comment-form-footer .comment-button,
#response-form-footer .response-button {
  background: #fff;
  color: #3a79aa;
  border-radius: 3px;
}
#response-form #response-cancel,
#response-form #response-send {
  color: #3a79aa !important;
}
#response-form #response-cancel:hover,
#response-form #response-send:hover {
  color: #fff !important;
}
#uc-comment-send,
#uc-comment-cancel,
#bottom-uc-comment-button,
#comment-form-footer .comment-button,
#response-form-footer .response-button {
  background: rgba(255, 255, 255, 0.8) !important;
  color: #3a79aa;
}
.feedback-button:hover,
#uc-comment-send:hover,
#uc-comment-cancel:hover,
#bottom-uc-comment-button:hover,
#comment-form-footer .comment-button:hover,
#response-form-footer .response-button:hover {
  background: #3a79aa !important;
  color: #fff;
}
.user-content-images p.noimage {
  background: rgba(0, 0, 0, 0.1);
}
.content-controls span {
  background: rgba(255, 255, 255, 0.5);
}